@import "../../../stylesheet/default.scss";
@import "../../../stylesheet/mixin.scss";

$prefix: m-red;

.#{$prefix}-container {
  position: relative;
  display: inline-block;
  margin: {
    right: $red-margin;
    top: $red-margin;
  }
  .#{$prefix}-default {
    z-index: 10;
    color: $red-font-color;
    position: absolute;
    @include minBox($red-box-size, $red-box-size);
    @include flex_average;
    background: $red-backgroundColor;
    padding: 2px;
  }
  .#{$prefix}-shape-circle {
    border-radius: $red-circle-radius;
  }
  .#{$prefix}-shape-fillet {
    border-radius: $red-fillet-radius;
  }
}
